<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>班级管理</title>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/main.css"/>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<form method="get" action="/add">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					学员添加
				</h4>
			</div>
			<div class="modal-body">
					<div class="form-group">
						<p>学员账号：<input type="text"name="accountNumber" class="form-control"></p>
						<p>密码：<input type="text" name="password" class="form-control"></p>
						<p>姓名：<input type="text" name="name" class="form-control"></p>
						<p>昵称：<input type="text" name="nickname" class="form-control"></p>
						<p>性别：<label class="radio-inline">
							男：   &nbsp;&nbsp;&nbsp;
							<input type="radio" name="sex" id="optionsRadios3" value="0" checked>
						</label>
							<label class="radio-inline">
								女：    &nbsp;&nbsp;&nbsp;
								<input type="radio" name="sex" id="optionsRadios4"  value="1">
							</label></p>
						<p>年级：<select id="gradeinsert" name="grades.id" class="form-control">
							<option th:each="grade:${grades}" th:selected="${class}==${grade.id}"  th:value="${grade.id}" th:text="${grade.gradesName}">加载中……
							</option>
						</select>
						</p>
					</div>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="submit" class="btn btn-primary">
					提交更改
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
	</form>
</div>

<div class="container clearfix">
	<!--/sidebar-->
	<div class="main-wrap">
		<div class="search-wrap">
			<div class="search-content">
				<form action="/StudentSeach" method="post" role="form">
					<table class="search-tab form-group">
						<tr>
							<th width="300">
									<span style="position: relative;right: 10px;font-size: 16px;">选择班级：</span>
									<select id="grade" name="grade" class="form-control">
										<option value="">全部</option>
										<option th:each="grade:${grades}" th:selected="${class}==${grade.id}"  th:value="${grade.id}" th:text="${grade.gradesName}">加载中……
										</option>
									</select>
							</th>
							<td>

							</td>
							<th width="70">
							</th>
							<td><input class="common-text form-control" placeholder="姓名" name="name" th:value="${name}" id="keyword" type="text"></td>
							<td><input class="btn btn-info" name="sub" value="查询" type="submit"></td>
						</tr>

					</table>
				</form>

			</div>
		</div>
		<div class="">
			<form name="myform" id="myform" method="post">
				<div class="result-title">
					<div class="result-list">
						<button class="btn btn-success" type="button" data-toggle="modal" data-target="#myModal">新增作品</button>
						<a class="btn btn-danger" id="batchDel" href="javascript:void(0)"><i class="icon-font"></i>批量删除</a>
						<a class="btn btn-warning" id="updateOrd" href="javascript:void(0)"><i class="icon-font"></i>修改</a>
					</div>
				</div>
				<div class="result-content">
					<table class="result-tab" width="100%" align="center">
						<tr>
							<th class="tc" width="5%"><input class="allChoose" name="" type="checkbox"></th>
							<th class="text-center">ID</th>
							<th class="text-center">账号</th>
							<th class="text-center">密码</th>
							<th class="text-center">名称</th>
							<th class="text-center">昵称</th>
							<th class="text-center">性别</th>
							<th class="text-center">班级</th>
						</tr>
					<tr th:each="stu:${pageInfo.list}">
							<td><input   class="allChoose center" name="check" type="checkbox"></td>
							<td class="text-center" th:text="${stu.id}">加载中……</td>
							<td class="text-center" th:text="${stu.accountNumber}">加载中……</td>
							<td class="text-center" th:text="${stu.password}">加载中……</td>
							<td class="text-center" th:text="${stu.name}">加载中……</td>
							<td class="text-center" th:text="${stu.nickname}">加载中……</td>
							<td class="text-center" th:if="${stu.sex}=='0'">男</td>
							<td class="text-center" th:if="${stu.sex}=='1'">女</td>
							<td class="text-center" th:text="${stu.grades.gradesName}">加载中……</td>
						</tr>
					</table>
					<dic class="container">
						<ul class="pagination">
							<li><a th:href="@{'StudentSeach?indexPage='+${pageInfo.prePage}+'&flag=p'}">&laquo;</a></li>
							<li th:each="num:${pageInfo.navigatepageNums}"><a th:href="@{'StudentSeach?indexPage='+${num}+'&flag=p'}" th:text="${num}"></a></li>
							<li><a th:href="@{'StudentSeach?indexPage='+${pageInfo.nextPage}+'&flag=p'}">&raquo;</a></li>
						</ul>
					</dic>
				</div>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>